<% include common/header.html %>
<link rel="stylesheet" href="/css/detail.css">
<div class="main">
    <div class="container cf">
        <ol class="breadcrumb">
            <li><a href="#">首页</a></li>
            <li><a href="#">实用工具</a></li>
            <li class="active">XX应用</li>
        </ol>
        <div class="app-info">
            <img class="yellow-flower" src="/images/sourse/app-big.png" alt="">
            <div class="intro-titles">
                <h3>坏蛋必须死</h3>
                <div class="star-empty">
                    <div class="star-hover star-5"></div>
                </div>
                <ul class="cf">
                    <li>大小：123.40MB</li>
                    <li>类型：游戏</li>
                    <li>语言：中文</li>
                    <li class="version">版本：1.0</li>
                    <li>下载：52013次</li>
                    <li>类别：飞行射击</li>
                    <li>是否强制升级：否</li>
                    <li class="ctr-type">操作方式：遥控器</li>
                </ul>

                <div class="app-info-down">
                    <a href="" class="download">立即下载</a>
                </div>
            </div>
        </div>
        <div class="img-scroll">
            <div id="app-imgs" class="app-imgs">
                <ul class="app-imgs-wrapper">
                    <li>
                        <img layer-src="/images/sourse/detail-big1.png" src="/images/sourse/detail1.png" alt="">
                    </li>
                    <li>
                        <img layer-src="/images/sourse/detail-big2.png" src="/images/sourse/detail2.png" alt="">
                    </li>
                    <li>
                        <img layer-src="/images/sourse/detail-big3.png" src="/images/sourse/detail3.png" alt="">
                    </li>
                    <li>
                        <img layer-src="/images/sourse/detail-big1.png" src="/images/sourse/detail1.png" alt="">
                    </li>
                    <li>
                        <img layer-src="/images/sourse/detail-big2.png" src="/images/sourse/detail2.png" alt="">
                    </li>
                    <li>
                        <img layer-src="/images/sourse/detail-big3.png" src="/images/sourse/detail3.png" alt="">
                    </li>
                </ul>
            </div>
            <a href="javascript:" class="app-imgs-prev">上一张</a>
            <a href="javascript:" class="app-imgs-next">下一张</a>
        </div>
        <div class="app-text">
            <h3>应用介绍</h3>
            <hr>
            <p class="pslide">端游匠心之作《御龙在天》原班人马打造的唯一正版国战手游，完美继承端游的经典玩法与核心品
                质，下边境、砸镖车、泡温泉、品美酒，并重现端游级的3D画面表现，更有多层次的社交体系，让你体验国仇家恨，纵意儿女情长。</p>
        </div>
        <div class="app-guess">
            <h3>猜你喜欢</h3>
            <hr>
            <ul class="cf">
                <li class="category-app">
                    <a href=""><img src="/images/sourse/app.png" alt=""></a>
                    <h5><a href="">熊出没之机熊出没之机</a></h5>
                    <p>21.9M</p>
                    <div class="star-empty">
                        <div class="star-hover star-5"></div>
                    </div>
                </li>
                <li class="category-app">
                    <a href=""><img src="/images/sourse/app.png" alt=""></a>
                    <h5><a href="">熊出没之机熊出没之机</a></h5>
                    <p>21.9M</p>
                    <div class="star-empty">
                        <div class="star-hover star-5"></div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="app-comments">
            <h3>用户评论</h3>
            <hr>
            <ul class="app-comments-list">
                <% for(var i=0; i<10; i++) {%>
                <li class="app-comments-info cf">
                    <div class="app-comments-head cf">
                        <div class="user-head">
                            <img src="/images/header/headerhead.png" alt="">
                        </div>
                        <div class="user-name">想得却不可得</div>
                        <div class="star-empty">
                            <div class="star-hover star-5"></div>
                        </div>
                        <div class="app-comments-time">
                            2016-06-07
                        </div>
                    </div>
                    <div class="app-comments-text">
                        科技改变生活
                    </div>
                </li>
                <% } %>
            </ul>
            <div id="laypage"></div>
            <div class="app-comments-input cf">
                <form action="">
                    <div class="app-comments-textarea">
                        <script id="editor" type="text/plain" style="width:842px;height:188px;"></script>
                    </div>
                    <div class="star-comment">
                        <p>评分：</p>
                        <div class="score">
                            <span class="score-number">10</span>
                            <span>分</span>
                        </div>
                        <div class="star"></div>
                        <input class="app-comment-sub" type="submit" value="发表评论">
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<script src="/js/ext/ueditor/ueditor.config.js"></script>
<script src="/js/ext/ueditor/ueditor.all.min.js"></script>
<script type="text/javascript">
    var ue = UE.getEditor('editor');
</script>
<script src="/js/ext/layer/layer.js"></script>
<script>
    //调用示例
    layer.photos({
        photos: '#app-imgs'
    });
</script>
<script src="/js/ext/laypage/laypage.js"></script>
<script>
    laypage({
        cont: 'laypage',
        pages: 11,
        first: 1, //将首页显示为数字1,。若不显示，设置false即可
        last: 11, //将尾页显示为总页数。若不显示，设置false即可
        prev: '<', //若不显示，设置false即可
        next: '>', //若不显示，设置false即可
        jump: function (obj) {

        }
    })
</script>
<script src="/js/ext/lib/jquery.raty.min.js"></script>
<script>
    $('.star').raty({
        path: "js/ext/lib/img",
        size: 50,
        half: true,
        score:5,
        click: function (score, evt) {
            $('.score-number').text(score*2);
        }
    });
</script>
<script src="/js/detail.js"></script>
<script>
    picscroll({
        pics:'.app-imgs-wrapper',
        prev:'.app-imgs-prev',
        next:'.app-imgs-next'
    });
</script>
<% include common/footer.html %>